<template>
    <div id="breadcrumb">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>{{content.firstTitle}}</el-breadcrumb-item>
            <el-breadcrumb-item :to="{ path: content.secondPath}">{{content.secondTitle}}</el-breadcrumb-item>
            <el-breadcrumb-item v-if="content.type === 'open'">{{content.thirdTitle}}</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>
<script>
export default {
  name: 'Breadcrumb',
  props: ['pathContent'],
  data () {
    return {
      content: this.pathContent
    }
  }
}
</script>

<style>

</style>
